<template>
	<div id="kepa">
		<img src="./assets/logo.png">
		<router-link to="/">{{ msg.msg1 }}</router-link>
		<router-link to="/demo">{{ msg.msg2 }}</router-link>
		<runt></runt>
		<router-view></router-view>
	</div>
</template>

<script>
var Child = {
  template: '<h1>这里是局部组建</h1>'
}

export default {
  name: 'app',
  data () {
    return {
      msg: {
        msg1: '测试1',
        msg2: '测试2'
      }
    }
  },
  components: { 'runt': Child }
}
</script>

<style scoped>
  /*根模版的样式*/
  	#kepa {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
	}
	#kepa img{
		display: block;
		margin: 0 auto;
	}

	a {
		color: #0035ff;
		text-decoration: none;
	}
</style>
